<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" import="java.util.ArrayList, modele.*"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>


    <table class="table" style="width:900px;">
			<tr><th></th><th></th></tr>
			<c:forEach var="m" items="${viewLesMatchEnCours}" >
				<tr>
					<c:choose>
					    <c:when test="${m.e.libelle_etat=='En cours'}"><td class="green"><c:out value="${m.e.libelle_etat}" /></td></c:when>
					    <c:when test="${m.e.libelle_etat=='En prolongation'}"><td class="orange"><c:out value="${m.e.libelle_etat}" /></td></c:when>
					    <c:otherwise><td class="red"><c:out value="${m.e.libelle_etat}"/></td></c:otherwise>
					</c:choose>
					
					<td>
						<div class="matchLive">						
							<a data-toggle="modal" href="#<c:out value="${m.un.id_equipe}"/>" class="btn btn-success">But pour <c:out value="${m.un.nom_equipe}"/></a>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<span class="nameEq"><c:out value="${m.un.nom_equipe}"/></span>		<span class="score"><c:out value="${m.butUn}"/></span>  
							&nbsp;&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;&nbsp;
							<span class="score"><c:out value="${m.butDeux}"/></span>&nbsp;<span class="nameEq"><c:out value="${m.deux.nom_equipe}"/></span> 
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<a data-toggle="modal" href="#<c:out value="${m.deux.id_equipe}"/>" class="btn btn-success">But pour <c:out value="${m.deux.nom_equipe}"/></a>
							</br></br>
							
								
								<!--===============CADRE DES ARBITRES ============-->
							
							<div class="detailArbitre" style="text-align:left;">
							Les arbitres :</br>
								<c:forEach var="a" items="${ListArbitreAffected}" >
								<c:if test="${a.m.id_match==m.id_match}">
									<c:out value="${a.nom_arbitre}"/>
									<c:out value="${a.prenom_arbitre}"/></br>
								</c:if>
								</c:forEach>
							</div>			
							
								<!--===========DETAIL DES BUTS============-->	
							
							<div class="accordion" id="accordion2" style="text-align:left;">
								<div class="accordion-group">
									<div class="accordion-heading">
										<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne<c:out value="${m.id_match}"/>">
										Détails des buts
										</a>
									</div>
									<div id="collapseOne<c:out value="${m.id_match}"/>" class="accordion-body collapse">
										<div class="accordion-inner">
											<c:choose>
											    <c:when test="${!empty viewBut}">
											    	<h5><c:out value="${m.un.nom_equipe}" /></h5>
											    	<c:forEach var="lbut" items="${viewBut}" >
											    		<c:forEach var="but" items="${lbut}" >
												    		<c:if test="${but.j.e.id_equipe==m.un.id_equipe}">
													   		 	<c:out value="${but.heure}" />
													   			 <c:out value="${but.j.nom_joueur}"/> <c:out value="${but.j.prenom_joueur}" /></br>
													   		</c:if>
														</c:forEach>
													</c:forEach>	
													</hr>
													<h5><c:out value="${m.deux.nom_equipe}" /></h5>
													<c:forEach var="lbut2" items="${viewBut}" >
											    		<c:forEach var="but2" items="${lbut2}" >
												    		<c:if test="${but2.j.e.id_equipe==m.deux.id_equipe}">
													   		 	<c:out value="${but2.heure}" />
													   			 <c:out value="${but2.j.nom_joueur}"/> <c:out value="${but2.j.prenom_joueur}" /></br>
													   		</c:if>
														</c:forEach>
													</c:forEach>										    	
											    </c:when>											  
											    <c:otherwise>Aucun match pour le moment</c:otherwise>
											</c:choose>
											
										</div>
									</div>
								</div>
							</div>
			
						</div>
					</td>
				</tr>
				
					<!--===============FENETRE DES BUTS ============-->
				
					<div class="modal hide" id="<c:out value="${m.un.id_equipe}"/>">
						<div class="modal-header">
							<a class="close" data-dismiss="modal">×</a>
							<h3>But pour <c:out value="${m.un.nom_equipe}"/> !</h3>
						</div>
						<div class="modal-body">
							<form method="POST" action="tournoi?action=addBut&idMatch=<c:out value="${m.id_match}"/>&eq=un">
							<label>But marqué à la </label>
							<input type="text" value="00" name="minutes"/> minutes</br>
							Par le joueur :
							<select name="joueurBut">
								<c:forEach var="j" items="${m.un.liste_joueur}" >
							   		<option value="<c:out value="${j.id_joueur}"/>"><c:out value="${j.nom_joueur}"/>&nbsp;<c:out value="${j.prenom_joueur}"/></option></br>
								</c:forEach>
							</select>
							<input type="submit" value="Ajouter ce but !" class="btn" />
							</form>
						</div>
					</div>
					
					<div class="modal hide" id="<c:out value="${m.deux.id_equipe}"/>">
						<div class="modal-header">
							<a class="close" data-dismiss="modal">×</a>
							<h3>But pour <c:out value="${m.deux.nom_equipe}"/> !</h3>
						</div>
						<div class="modal-body">
							<form method="POST" action="tournoi?action=addBut&idMatch=<c:out value="${m.id_match}"/>&eq=deux">
							<label>But marqué à la </label>
							<input type="text" value="00" name="minutes"/> minutes
							Par le joueur :
							<select name="joueurBut">
								<c:forEach var="j1" items="${m.deux.liste_joueur}" >
							   		<option value="<c:out value="${j1.id_joueur}"/>"><c:out value="${j1.nom_joueur}"/>&nbsp;<c:out value="${j1.prenom_joueur}"/></option></br>
								</c:forEach>
							</select>
							<input type="submit" value="Ajouter ce but !" class="btn" />
							</form>
						</div>
					</div>
			</c:forEach>
		</table>